import React from "react";
import './index.less';
import {Row,Col} from 'antd';
import utils from './../../utils/time'
export default class Header extends React.Component{

    constructor (props){
        super(props);
        this.state = {
            count:0,
            userName:'肮脏的人类！  呀屎拉你！'
        }
    }

    componentWillMount(){
        setInterval(()=>{
           let systime =  utils.formData(new Date().getTime());
            this.setState({
                systime
            })
        },1000)
        
    }



    render(){
        return(
            <div className='Header'>
               <Row className="H_one">
                   <Col span={24}>
                       <span>{this.state.userName}</span>
                       <b>退出</b>
                   </Col>
               </Row>

               <Row className="H_two">
                   <Col span={3} className="H_title">
                      首页
                   </Col>

                   <Col span={21} className='H_day'>
                      <span>{this.state.systime}</span>
                      <b>小雨转阴</b>
                   </Col>
               </Row>
            </div>
        )
    }
}